<template>
    <div class="login">
        <div class="box">
           <van-button  color="#08BF62" @click="toEmailLogin">登录</van-button>
           <van-button  >注册</van-button>

        </div>
    </div>
</template>

<script>
    export default {
        name: 'login',
        data() {
            return {
                
            }
        },
        methods: {
            toEmailLogin(){
                this.$router.push({
                    name:"email-login"
                })
            }
        },
    }
</script>

<style lang="less" scoped>
    @import "../assets/GlobalStyle.less";
    .login{
        background-image: url('../assets/img/wxin.jpg');
        background-size: 100% auto;
        background-repeat: no-repeat;
        height:inherit;

        position: relative;
        .box{
            position: absolute;
            bottom: 30px;
            width: 100%;
            text-align:center;
            button{
                min-width: 120px;
                height: 40px;
                & + button{
                     margin-left:40px;
                 }   
            }
            
        }
    }
</style>